<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("swfobject", "2.1");</script>
<script type="text/javascript">
// ★ セレクトボックスによる曲の選択
function loadPlayer() {
videoID = "nv0W3R4bnXI"; // ★ 動画の初期表示
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&enablejsapi=1&version=3&playerapiid=ytplayer",
"ytapiplayer", "148", "120", "8", null, null, params, atts);// 横148px 高さ120px
}
function updateHTML(elmId, value) {
document.getElementById(elmId).innerHTML = value;
}
function loadVideo() {
var selectBox = document.getElementById("videoSelection");
var videoID = selectBox.options[selectBox.selectedIndex].value
if(videoID != "none"){
if(ytplayer) {
ytplayer.setVolume(70);// ★ 音量をセットします
ytplayer.loadVideoById(videoID);
}}}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
}
loadPlayer();
</script>
<style type="text/css">
#videoTitle{/* Select BGM */
font-size:12px;
line-height:13px;
}
#videoSelection{/* 選曲Box */
border:1px solid #000000;
padding:3px;
border-radius: 5px;/* CSS3角丸 */
-moz-border-radius: 5px;/* Firefox角丸 */
-webkit-border-radius: 5px;/* Safari、Google Chrome角丸 */
}
#myytplayer{/* 動画部分 */
margin:auto;
width:137px;
}
</style><div id="YouTubeSelectbox">
<div id="ytapiplayer"></div>
<div id="videoselect">
<div id="videoTitle">Select BGM</div>
<select id="videoSelection" onchange="loadVideo();" style="background-color:#ffffff;color:#000000;">
<option value="none" style="background-color:#ffffff;color:#000000;">♪選曲♪</option>
<option value="nv0W3R4bnXI" style="background-color:#ffffff;color:#000000;">WCS決勝戦</option>
<option value="miFz1pA7aQY" style="background-color:#ffffff;color:#000000;">レッド戦</option>
<option value="ES-vgN790e0" style="background-color:#ffffff;color:#000000;">アイリス戦</option>
<option value="68WIbfYRvKg" style="background-color:#ffffff;color:#000000;">シロナ戦</option>
<option value="YFlY7aXOUTk" style="background-color:#ffffff;color:#000000;">ダイゴ・ミクリ戦</option>
<option value="znPQfQtgXbg" style="background-color:#ffffff;color:#000000;">グリーン戦</option>
<option value="uULMIGlq4NI" style="background-color:#ffffff;color:#000000;">アデク戦</option>
<option value="uULMIGlq4NI" style="background-color:#ffffff;color:#000000;">アデク戦</option>
<option value="uULMIGlq4NI" style="background-color:#ffffff;color:#000000;">アデク戦</option>
<option value="uULMIGlq4NI" style="background-color:#ffffff;color:#000000;">アデク戦</option>
<option value="uULMIGlq4NI" style="background-color:#ffffff;color:#000000;">アデク戦</option>
<option value="uULMIGlq4NI" style="background-color:#ffffff;color:#000000;">アデク戦</option>

</select>
</div>
</div>
